<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Product - Comme Les Sang</title>
    <link rel="stylesheet" type="text/css" href="images/stype.css" />
    <link href="js/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.js"></script>
    <script>
		$(window).load(function() {
			mCustomScrollbars();
		});
		function mCustomScrollbars(){
			/* 
			malihu custom scrollbar function parameters: 
			1) scroll type (values: "vertical" or "horizontal")
			2) scroll easing amount (0 for no easing) 
			3) scroll easing type 
			4) extra bottom scrolling space for vertical scroll type only (minimum value: 1)
			5) scrollbar height/width adjustment (values: "auto" or "fixed")
			6) mouse-wheel support (values: "yes" or "no")
			7) scrolling via buttons support (values: "yes" or "no")
			8) buttons scrolling speed (values: 1-20, 1 being the slowest)
			*/
			 
			$("#mcs2_container").mCustomScrollbar("vertical",0,"easeOutCirc",1.05,"fixed","yes","no",0);   
		}
		/* function to fix the -10000 pixel limit of jquery.animate */
		$.fx.prototype.cur = function(){
			if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
			  return this.elem[ this.prop ];
			}
			var r = parseFloat( jQuery.css( this.elem, this.prop ) );
			return typeof r == 'undefined' ? 0 : r;
		}
		/* function to load new content dynamically */
		function LoadNewContent(id,file){
			$("#"+id+" .customScrollBox .content").load(file,function(){
				mCustomScrollbars();
			});
		}
	</script>
</head>

<body>
<div id="wrapper">
    <div id="header">  
    	<div class="logo"><a href="index.html"> <img src="images/logo.png" /></a></div>
		<div id="dang-nhap">
			<div class="dang-nhap-form">
				<div class="dang-nhap-btn">
					<ul>
						<li><a href="#" >LOG IN</a></li>
						<li><a href="register.html" >REGISTER</a></li> 
					</ul>
				</div>
				<div class="dang-nhap-item">
					<div class="dang-nhap-item-text">EMAIL</div>
					<input name="dang-mhap-txt-name" type="text" class="text1" id="-txt-text" size="15px"/>    
				</div>
				<div class="dang-nhap-item">
					<div class="dang-nhap-item-text">PASS</div>
					<input name="dang-mhap-txt-pass" type="password" id="-txt-pass" class="text2" size="15px"/>
				</div>
			</div>
		</div><!------end dangnhap----->
    
		<div class="menu">
			<ul>
				<li> <a href="index.html" > HOME </a> </li>
				<li> <a href="man.html" > MAN </a> </li>
				<li> <a href="woman.html" > WOMAN </a> </li>
				<li> <a href="accessories.html" > ACCESSORIES </a> </li>
				<li> <a href="service.html" > SERVICE </a> </li>
				<li> <a href="contact.html" > CONTACT </a> </li>
			</ul>
		</div><!---end menu------>
    </div><!--end header---->
    
    <div id="content">
        <div id="main">
        	<div id="mcs2_container">
         		<a href="#"> TOP </a>
				<div class="customScrollBox">
					<div class="container">
    					<div class="content">
							<div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
                            <div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
                           	<div class="clear"></div>
                            <div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
							<div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
                           	<div class="clear"></div>
                           	<div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
						   	<div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
                           	<div class="clear"></div>
                            <div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
							<div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
                           	<div class="clear"></div>
						</div>
					</div>
                	<div class="dragger_container"> <div class="dragger"></div> </div>
				</div>
			</div><!--end #mcs2_container-->

        	<div class="product">
            	<div class="item"> <a href="#"><img src="upload/product.jpg" /></a></div>
            </div>
  			
            <div class="product-detail">
            	<div class="text">
                	<H>MÃ hàng: 000112</br>
                    Giá: 780000 VNĐ</br>
                    Mô tả sản phẩm:</br>
                    Áo sơ mi nam tay dài, màu trắng,chất liệu 100% cotton.</br>
                    Thoáng mát và thấm hút mồ hôi tốt.
					</br><br/></br>
					<a href="dathang.html" class="button">Đặt hàng</a>
                </div>
                <div class="image-Thumbnails">
                	<div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
                    <div class="item"><a href="#"> <img src="upload/1.jpg" /> </a></div>
                </div>
            </div>
        </div><!--end main-->
    </div><!--end content-->
</div><!--endwrapper-->

<div id="footer">
	<ul>
    	<li>Copyright by<span> Comme les Sang</span> | 2012</li>
        <li> Comme les Sang 427 Nguyen Đinh Chieu Street, ward 5, Dirt 3, Ho Chi Minh City, Viet Nam.</li>
    </ul>
</div><!--------end footter----->
</body>
</html>

